
/*
 * 基础组件通用样式变量名
 */
//编辑器靠右
$comp-text-align: right;

//快速搜索内边距
$quick-search-padding: 0 0.24rem;

//输入框背景色
$input-background: var(--ion-tab-bar-background);
//多行输入框背景色
$textarea-background: var(--ion-tab-bar-background);

//菜单激活色
$menu-active-color: var(--ion-tab-bar-color-selected);
//菜单默认色
$menu-color: var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-600, #666)));
//图标菜单项宽度
$menu-icon-item-width: 25%;
//图标菜单外边距
$menu-icon-margin: 0.2rem;
//列表菜单字号
$list-icon-font-size: $text-font-size;
//列表菜单行高
$list-icon-line-height: $text-line-height;
//列表菜单文本外边距
$list-icon-text-margin: 0.2rem 0.16rem 0.2rem 0;

//评分器默认色
$rating-color: var(--ion-color-medium);
//评分器激活色
$rating-active-color: var(--ion-color-primary);
//评分器禁用色
$rating-disabled-color: var(--ion-color-light);

//视图消息字号
$alert-font-size: $view-info-font-size;
//视图消息内边距
$alert-item-padding: 0.1rem;
//视图消息字体颜色
$alert-color: var(--ion-text-color);
//视图消息信息背景色
$alert-info-background: var(--ion-color-primary);
//视图消息错误背景色
$alert-error-background: var(--ion-color-danger);
//视图消息警告背景色
$alert-warning-background: var(--ion-color-warning);

//步进器宽度
$stepper-width: 0.64rem;
//步进器高度
$stepper-height: 0.56rem;
//步进器颜色
$stepper-color: var(--ion-text-color, #929294);
//步进器背景色
$stepper-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);
//步进器禁用色
$stepper-disabled-color: var(--ion-tab-bar-color, #dfe0e3);
//步进器禁用背景色
$stepper-disabled-background: var(--ion-color-step-350, #f7f8fa);

//数据看板头部高度
$dashboard-design-header-height: 0.8rem;
//数据看板头部字号
$dashboard-design-header-font-size: $list-title-font-size;
//数据看板外边距
$dashboard-design-margin: 0 0.2rem;
//数据看板项内边距
$dashboard-design-item-padding: 0.24rem 0;
//数据看板项外边距
$dashboard-design-item-margin: 0 0 0.2rem 0;
//数据看板项字号
$dashboard-design-item-font-size: $text-font-size;
//数据看板项添加删除图标字号
$dashboard-design-start-icon-font-size: 0.6rem;
//数据看板项切换图标字号
$dashboard-design-end-icon-font-size: 0.6rem;
//数据看板项切换图标颜色
$dashboard-design-end-icon-color: var(--ion-color-primary);
//数据看板颜色
$dashboard-design-color: var(--ion-toolbar-color, var(--ion-text-color, #000));
//数据看板标题颜色
$dashboard-design-title-color: var(--ion-text-color);
//数据看板副标题颜色
$dashboard-design-info-color: var(--ion-toolbar-color, var(--ion-text-color, #000));
//数据看板背景色
$dashboard-design-background: var(--ion-background-color);
//数据看板添加按钮颜色
$dashboard-design-add-color: var(--ion-color-primary);
//数据看板删除颜色
$dashboard-design-delete-color: var(--ion-color-danger);
//数据看板卡片背景色
$dashboard-design-content-background: var(--ion-tab-bar-background);

//列表宽度
$list-item-width: 100%;
//列表外边距
$list-item-margin: 0;
//图标列表外边距
$icon-item-margin: 0;
//图标列表字号
$icon-item-font-size: $text-font-size;
//图标列表图标外边距
$icon-item-icon-margin: 0 0.1rem 0.2rem 0;
//图标列表图标颜色
$icon-item-icon-color: var(--ion-color-primary);
//列表内边距
$list-item-padding: 0.2rem;
//列表标题色
$list-title-color: var(--ion-toolbar-color, var(--ion-text-color, #000));
//列表字号
$list-item-font-size: $text-font-size;
//列表提示信息字号
$list-item-info-font-size: $tooltip-font-size;
//列表背景色
$list-background: var(--ion-tab-bar-background);
//列表字体色
$list-color: var(--ion-text-color);

//快速分组宽度
$quick-group-width: 100%;
//快速分组高度
$quick-group-height: 0.6rem;
//快速分组外边距
$quick-group-padding: 0 0.1rem;
//快速分组弹框边框
$quick-group-popup-border: none;
//快速分组弹框外边距
$quick-group-popup-margin: auto;
//快速分组字号
$quick-group-font-size: $view-info-font-size;
//快速分组默认色
$quick-group-color: var(--ion-toolbar-color, var(--ion-text-color, #000));
//快速分组激活色
$quick-group-active-color: var(--ion-color-primary);
//快速分组激活背景色
$quick-group-active-background: var(--ion-color-step-350);
//快速分组默认背景色
$quick-group-background: var(--ion-tab-bar-background);
//快速分组边框色
$quick-group-border-color: var(--ion-border-color);
//快速分组阴影色
$quick-group-box-shadow: var(--ion-box-shadow-color);

//日历宽度
$calendar-width: 100%;
//日历外边距
$calendar-margin: auto;
//日历默认色
$calendar-color: var(--ion-toolbar-color, var(--ion-text-color, #000));
//日历背景色
$calendar-background: var(--ion-background-color);
//日历工具栏高度
$calendar-tools-height: 0.8rem;
//日历工具栏字号
$calendar-tools-font-size: $list-item-font-size;
//日历边框色
$calendar-border-color: var(--ion-border-color);
//日历标题色
$calendar-info-color: var(--ion-color-secondary);
//日历激活背景色
$calendar-active-background: var(--ion-color-primary);
//日历激活色
$calendar-active-color: var(--ion-text-color);
//日历节假日字体色
$calendar-holiday-color: var(--ion-color-danger);
//日历今日背景色
$calendar-today-background: var(--ion-tab-bar-background);
//日历禁用色
$calendar-disabled-color: var(--ion-color-medium);

// 锚点背景
$anchor-background-color: var(--ion-color-step-600);
// 锚点字体颜色
$anchor-font-color: var(--ion-color-primary);

// 步骤条组件
// 步骤条项颜色
$steps-item-color: var(--ion-color-medium);
// 步骤条项（容器）背景颜色
$steps-item-container-background-color: var(--ion-color-primary-contrast);
// 步骤条项（圆形图标）颜色
$steos-item-circle-color: var(--ion-color-step-500);
// 步骤条项（线）颜色
$steps-item-line-color: var(--ion-color-step-950);
// 步骤条项（完成）颜色
$steps-item-finish-color: var(--ion-color-step-200);
// 步骤条项（完成）背景颜色
$steps-item-finish-background-color: var(--ion-color-primary);
// 步骤条项（激活）颜色
$steps-item-active-color: var(--ion-color-primary);

// 上传组件
// 图片上传宽度
$picture-upload-width: 1.6rem;
// 图片上传高度
$picture-upload-height: 1.6rem;
// 图片上传内边距
$picture-upload-margin: 0 0.08rem;
// 图片上传外边距
$picture-upload-padding: 0 0.08rem;
// 图片上传背景色
$picture-upload-background-color: var(--ion-color-step-400, #f7f8fa);
